<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!-- 获取项目名 -->
<c:set var="BASE" value="${pageContext.request.contextPath}"/>
<html>
<head>
    <title>customer</title>
</head>
<body>
    <h1>新增客户</h1>
    <form id="customer_from" enctype="multipart/form-data">
      <input type="hidden" name="id" value="${customer.id}">
      <p>姓名：<input type="text" name="name" value="${customer.name}"/></p>
      <p>联系地址：<input type="text" name="contact" value="${customer.contact}"/></p>
      <p>电话号码：<input type="text" name="telephone" value="${customer.telephone}"/></p>
      <p>邮箱：<input type="text" name="email" value="${customer.email}"/></p>
      <p>照片：<input type="file" name="photo" value="${customer.photo}"/></p>
      <p><button type="submit">保存</button></p>
    </form>
<script src="${BASE}/asset/jquery-2.1.4.min.js"></script>
<script src="${BASE}/asset/jquery.form.min.js"></script>
<script>
  $(function(){
    // 使用 jquery.form 来把表单提交变成 ajax提交。提交可以得到返回的结果。
    $("#customer_from").ajaxForm({
      type:'post',
      url:'${BASE}/customer_create',
      success:function(data){
        if(data){
          alert("提交结果：" + data);
          location.href = "${BASE}/customer";
        }
      }
    });
  });
</script>
</body>
</html>
